/* General */
.ext h1	{
	margin:0; font-weight:100; font-size:22px; color:white; line-height: 22px; letter-spacing:0.05em;
}

#dashboard .ext_button	{
	width:24px; height:24px; float:right; margin:0 6px;  position:relative; top:-2px; background:url(img/icons.png) no-repeat; cursor:pointer;
	font-weight:lighter; text-align:center;
}


/* Dashboard: ext: Bubble*/
.ext.bubble	{
	position:absolute; right:8px; bottom:48px; width:120px; padding:12px 24px; background:rgba(12, 12, 12, 0.78); border:1px solid #eee; z-index:99;
	color:white; font-size:13px; font-weight:200;
	-moz-border-radius: 8px; -webkit-border-radius: 8px; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}

/* Dashboard: ext: Tootlip */
#tooltip	{
	position:absolute; min-height:24px; min-width:32px; padding: 1px; background:black; cursor:default; z-index:1000;
	color:white;
	-moz-border-radius:3px; -webkit-border-radius:3px;
	-moz-box-shadow: 0px 1px 3px rgba( 0,0,0, 0.5); -webkit-box-shadow: 0px 1px 3px rgba( 0,0,0, 0.5);
}
#tooltip span	{
	float:left; display:block; height:18px; min-width:23px; padding:6px 4px; margin:1px 0 1px 1px; cursor:default;
	text-align:center;
	-moz-border-radius:3px; -webkit-border-radius:3px;
}
#tooltip > span:first-child	{ background:#69c82a; }
#tooltip .new	{ background:#333; }
#tooltip .new:hover	{ background:#666; }
#tooltip .time	{ background:#111; }
#tooltip .time:hover	{ background:#333; }



/* Dashboard: ext: Unit*/
#dashboard .unit	{
	display:block; margin:0 16px; padding:12px; border: solid; border-color: rgba( 255,255,255, .5) rgba( 255,255,255, .1) rgba( 255,255,255, 0); border-width: 1px 1px 0;
	background:-moz-linear-gradient(top, #1a1a1a, #2e2e2e, #2e2e2e, #2e2e2e); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #1a1a1a), color-stop(0.24, #2e2e2e));
	-moz-border-radius:5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; 
	-moz-box-shadow: 0px -3px 2px 1px rgba( 0,0,0, .32), inset 0px 8px 6px rgba(0,0,0, .24); -webkit-box-shadow: 0px -3px 2px 1px rgba( 0,0,0, .32), inset 0px 8px 6px rgba(0,0,0, .24);
}

#dashboard .unit.columns1 input 	{ width:320px; }
#dashboard .unit.columns2 input 	{ width:280px; }
#dashboard .unit.columns3 input 	{ width:240px; }
#dashboard .unit.columns4 input 	{ width:200px; }
#dashboard .unit.columns5 input 	{ width:160px; }

#dashboard .unit h1.descr	{
	margin-bottom:20px; width:90%; float:left;
}
#dashboard .unit .content	{
	width:90%; float:left; overflow:hidden;
}

#dashboard .unit .scroll	{
	display:block; float:right; width:10px; height:100%;
}

#dashboard .scroll .handle	{
	display:block; width:10px; min-height:12px; height:100%; background:white; 
	-moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0px 1px 2px rgba( 0,0,0, .32); -webkit-box-shadow: 0px 1px 2px rgba( 0,0,0, .32);
}

.unit .content ul, .unit .content div { position:relative; }

#dashboard .unit ul	{
	padding:0; list-style:none;
}

#dashboard .unit li	{
	clear:both; margin: 8px 0;
}

#dashboard .unit input 	{
	width:300px; height:16px; padding:2px 2px; margin:0 24px 0 0; background: none; border:none; border-bottom:1px dotted #666;
	color:#ccc; text-shadow:0 1px 1px rgba( 0,0,0, .8 );
	-moz-border-radius:0; -webkit-border-radius:0;
}
#dashboard #csv .unit input {
background: #2E2E2E url(../form/button.wide.png) no-repeat left; border:1px solid #2E2E2E; width:254px; height:24px; line-height:10px; -moz-border-radius: 6px; -webkit-border-radius: 6px;  
text-align: center; color: #2E2E2E; text-shadow: none;
}

#dashboard #csv .unit input.select { margin-right: 0px; width: 333px; }

#dashboard #csv input.smallbutton {
	font-weight:normal; text-shadow: none; background: white; padding: 3px 5px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	width:52px; color:#777; float:right; margin:4px 4px 0 0; line-height: 7px; border: none;
	
}

#dashboard .unit li:hover input:hover, #dashboard .unit input:focus, #dashboard .unit li:hover input:focus 	{
	color:white; border-color:#999;
}

#dashboard .unit .descr 	{
	display:block; float:left; margin-right:20px; 
}
#dashboard .unit input.descr 	{
	width:140px; height:18px; padding:2px 6px; background:#222; border:none;
	-moz-border-radius:3px; -webkit-border-radius:3px;
}

#dashboard .unit li:hover span.descr	{
	background:black; color:white;
}
#dashboard .unit li:hover input	{
	color:#aaa; border-color:#4a4a4a;
}


#dashboard .unit .plus	{
	display:block; width:24px; height:22px; background:#161616 url(img/icons.png) -216px -1px no-repeat; opacity:.6;
	-moz-border-radius:3px; -webkit-border-radius:3px; padding: 0;
}
#dashboard .unit .plus.robot { 
	width:24px; height:22px; border:none;
	-moz-border-radius:3px; -webkit-border-radius:3px;
	background: url(img/android.png) center center no-repeat #161616;
	margin: 0 18px 0 0px;
}
#dashboard .unit .plus:hover	{ background-color:black; opacity:1; }


/* Dashboard: ext: Info */
#info	{
	width:360px; min-height:140px; padding:12px 10px; margin: 0 0 0 298px; background:white;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;
	-moz-box-shadow: 0px 1px 4px black;
}
#info h1	{
	font-size:22px; color:#222; margin-bottom:6px;
}

#info .pointer	{
	position: relative; width:16px; height:24px; background:url(img/extend.pointer.png) no-repeat left center; left:-16px; top:68px; float:left;
}
#info ul	{
	display:block; width:274px; margin:0; padding:0; list-style: none; float:left;
}
#info ul li	{
	width:100%; min-height:6px; padding: 3px 0; clear:both;
}

#info .column {
	width:52px; float:right;
}
#info .column div	{
	padding:3px; margin:2px 0; background:#ddd;
	font-size:12px; color:white; text-align:center;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#info .but:hover	{ background:#aaa; cursor:pointer; }

#info .column .day	{
	margin:8px 0; background:#d9ecef;
	font-size:14px; font-weight:200;
}
#info .column .span	{
	height:42px; background:none;
}

#info .column input	{
	margin:4px 0;
}
#info .column .shift	{
	width:46px; padding:2px; height:32px; border:1px solid #efefef; background:none; text-align:center;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#info .shift	.descr {
	font-size:11px; color:#ccc;
}
#info .shift .choice		{ width:46px; height:16px; padding:0; margin:0; background:url(../form/options.h.16.png) no-repeat -20px 0; float:right; }
#info .shift .choice.active	{ background-position:-80px; }

#info .container, #info .container	{ text-align: right; }

#info .ajxfield, #info .textfield, #info .htmlfield, #info .select	{
	width:186px; min-height:16px; padding:0px; margin: 0 22px 0 20px; border:1px solid #ddd; border-width:0 0 1px 0;
	font-size:11px; color:#888;
	-moz-border-radius: 0px; -webkit-border-radius: 0px;
}
#info .ajxfield, #info .textfield, #info .htmlfield	{ background:none; }
#info .ajxfield:hover, #info .textfield:hover, #info .htmlfield:hover, #info .select:hover	{
	color:#333; border-color: #ccc;
}
#info .ajxfield:focus	{
	color:#222; border-bottom: 1px dotted #999;
}
#info .textfield, #info .htmlfield	{ float:right; text-align:left;  }


/* Dashboard: ext: calendar*/
#dashboard .ext_button.cal	{
	background-position: -48px 0px;
	line-height:14px; text-transform:uppercase; font-size:11px; color:#4a4a4a;
}
#dashboard .ext_button .month	{
	width:100%; height:10px;
	font-weight:bold; line-height:12px; text-transform:uppercase; font-size:8px; color:white;
}

#calendar	{
	clear:both; margin:0px; padding-top:24px; width:94%; min-height:200px; 
}

#calendar .unit	{
	width:254px; height:240px; padding:0; float:left; margin-right:24px; 
	color:#ddd; text-align:center; font-weight:lighter;
}
#calendar .unit h1.descr {
	float:left; width:176px; height:24px; margin: 4px; 
	line-height:18px; font-size:15px;
}
#calendar .unit .arrleft {
	height:18px; width:24px; margin:4px 0 0 8px; float:left; background:url(img/icons.png) -150px -57px no-repeat;
}
#calendar .unit .arright {
	height:18px; width:24px; margin:4px 8px 0 0; float:right; background:url(img/icons.png) -150px -45px no-repeat;
}
#calendar .unit .arrleft:hover, #calendar .unit .arright:hover {
	opacity:0.78; background-color:black;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#calendar .unit .content {
	width:100%;
}
#calendar .unit ul {
	margin:0 8px; width:242px;
}

.unit.right	{
	float:right; min-width: 24%; max-width: 340px;
}

.unit.right li	{
	max-width: 312px;
}
#dashboard .unit.right input.descr	{ width:90px; margin-right: 12px;  }
#dashboard .unit.right input 	{
	width:160px; margin-right: 0;
}

.unit ul span {
	float:left; display:block; height:15px; width:25px; padding:8px 4px; background:rgba(255,255,255, 0.12); margin:0 0 1px 1px; cursor:default; 
	-moz-border-radius:3px; -webkit-border-radius:3px;
}
.unit ul span.now {
	background:white;
	color:black;
}
.unit ul span.blur {
	background:rgba(255,255,255, 0.08);
	color:#777;
}
.unit ul span.active {
	background:rgba(255,255,255, 0.24);
	color:white;
}
.unit ul span.select {
	background:#69c82a;
	color:white;
}
.unit ul span.select:hover {
	background:white;
	color:#69c82a;
}
.unit ul span:hover {
	background:rgba(255,255,255, 0.38);
	color:white;
}

#calendar .unit.rev	{
	clear:both; width:228px; padding:0 6px; min-height:200px; border-top:none; border-bottom:1px solid #666; float:none;
	-moz-border-radius:0 0 5px 5px; -moz-box-shadow: inset 0px -38px 42px -24px rgba(0,0,0, 0.5), 0 2px 4px #202020;
}

#calendar .unit .list	{ text-align:left; }
#calendar .unit .list ul.border	{
	border-color:black black #4a4a4a;
	-moz-border-radius:5px;
}
#calendar .unit .list li.li	{ background:#bbb; color:#666; }
#calendar .unit .list li.li:nth-child(2n+1)	{ background:#aaa; }
#calendar .unit .list li.li:hover	{ background:#a6a6a6; }
#calendar .unit .list li.li span	{ border-color:#999; }

#calendar .blank	{
	margin: 8px 0 0 274px;
}
#calendar .blank .descr	{
	display:block; margin:8px 0;
	font-size:12px; color:#999; font-weight:200;
}
#calendar .blank .tag	{
	padding:4px 6px; margin:2px; background:black; cursor:pointer;
	color:white; font-size:12px; font-weight:200;
	-moz-border-radius: 0 4px 4px 4px; -webkit-border-radius:4px;
}


/* Dashboard: ext: admin*/
#dashboard .ext_button.admin	{ background-position: -24px 0px; }

#dashboard .ext.admin	{
	width:82%; padding:48px 0 24px;
}

#dashboard .ext.admin .unit	{ padding-left:42px; }


/* Dashboard: ext: translate */
#dashboard .ext_button.translate	{ background-position: 0px 0px; }

#dashboard .ext.translate	{
	width:98%; padding:48px 0 24px;
}

#dashboard .ext.translate .unit	{ padding-left:42px; }
#dashboard .ext.translate .unit h1.descr	{ width:240px; }

#dashboard .ext.translate .unit .lang 	{
	display:block; float:left; width:48px; height:22px; background:#9DDF00;
	color:white; font-size:15px; text-align:center; line-height:22px; text-shadow:0 1px 0 rgba(0,0,0, .24);
	-moz-border-radius:4px 4px 4px 0; -webkit-border-radius:4px; -webkit-border-bottom-left-radius: 0; 
}

#dashboard .ext.translate .unit.columns1 .lang	{ margin-right:300px; }
#dashboard .ext.translate .unit.columns2 .lang	{ margin-right:260px; }
#dashboard .ext.translate .unit.columns3 .lang	{ margin-right:220px; }
#dashboard .ext.translate .unit.columns4 .lang	{ margin-right:180px; }
#dashboard .ext.translate .unit.columns5 .lang	{ margin-right:140px; }


/* Dashboard: ext: csv */
#dashboard .ext_button.csv	{ background-position: -72px 0px; }
#dashboard .ext.csv { padding: 48px 0 24px; width: 100%; }
#dashboard .ext.csv .unit { width: 343px; float: left; }
#dashboard .ext.csv #info { margin-left: 22px; width: auto; min-width: 343px; float: left; min-height: 20px; }
#dashboard .ext.csv #info ul { width: auto; }
#dashboard .ext.csv #info ul li { float: left; clear: none; width: 45px; margin-right: 7px; }
#dashboard .ext.csv #info ul li.clear { clear: both; width: 0; margin: 0; }
#dashboard .ext.csv input.descr { width: 245px; }
#dashboard .ext.csv .dropbox .box { min-height:16px; width: 343px; }
#dashboard .ext.csv .unit ul span { padding: 1px 4px; background: transparent; }
#dashboard .ext.csv li.float { width: 99%; }
